<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Гороскоп для {{ sign|capfirst }}</title>
</head>
<body>
    <h1>Приложение гороскоп</h1>

    {% if description_zodiac is None %}
        <h2>Неправильный знак зодиака - {{ sign|upper }}</h2>
    {% else %}
        <h2> {{ description_zodiac|title|safe }} </h2>
    {% endif  %}

    {% if my_list|length >= 3 %}
        <p>Список из 3х или более элементов - {{ my_list }}</p>
    {% elif my_list|length == 2 %}
        <p>Список из 2х - {{ my_list }}</p>
    {% elif my_list|length == 1 %}
        <p>Список из 1 элемента - {{ my_list }}</p>
    {% else %}
        <p>Пустой список - {{ my_list }}</p>
    {% endif  %}

    <p>Число {{ my_int|add:my_float }}</p>
    <p>Число вещественное {{ my_float }}</p>
    <p>Список {{ my_list }}</p>
    <p>Кортеж {{ my_tuple }}</p>
    <p>Словарь {{ my_dict }}, ключ - {{ my_dict.name }}</p>
    <p>Экземпляр класса {{ my_class }},<ul> <li>имя - {{ my_class.name|upper }}</li> <li>возраст - {{ my_class.age }}</li></ul></p>
    <p>default {{ value|default:'nothing'|title }}</p>
    <p>default {{ value1|default:'nothing'|title }}</p>
    <p>Фильтр divisibleby значение {{value2}} / 3 is {{ value2|divisibleby:3 }}</p>
    <p>Первое значение из последовательности - Список {{ my_list|first }} or |last </p>
    <p>Кортеж {{ my_tuple|join:" <> " }}</p>

    <ul>
        {% for zodiac in zodiacs %}
            {% if forloop.first %}
                <li><b>{{ forloop.counter0 }}. {{ zodiac|title }}</b></li>
            {% elif forloop.last %}
                <li style="color:red">{{ forloop.counter0 }}. {{ zodiac|title }}</li>
            {% else %}
                <li>{{ forloop.counter0 }}. {{ zodiac|title }}</li>
            {% endif %}
        {% endfor %}
    </ul>

    {% for k,v in zodiac_dict.items reversed %}
        <p>{{ k }} : {{v|safe}}<p>
    {% empty %}
        <p>Sorry ....</p>
    {% endfor %}
    {% for zodiac in zodiacs %}
        <p><a href="/horoscope/{{zodiac}}">{{ forloop.counter }}. {{ zodiac|title }}</a></p>
    {% endfor %}

</body>
</html>